import React from "./react";
import ReactDOM from "./react-dom";

// JSX
// const root = <h1>hello</h1>;

const rootElement = React.createElement("h1", null, "hellow rootElement");
ReactDOM.render(rootElement, document.getElementById("root"));

// 核心思想
// 1 babel ==> JSX ==> react createElement ==> vdom
// { vdom一个有固定格式的类
// $$typeof: Symbol(react.element)
// key: null
// props: {children: 'hello'}
// ref: null
// type: "h1"
// _owner: null
// _store: {validated: false}
// }

// 2 解析vdom这个类，转换成真实的document
// ReactDOM.render ==》 vdom ==> 真实的dom , 放对应的地方
